@charset "utf-8";
/* CSS Document */
html,body,div,span,iframe,p,a,em,img,dl,dt,dd{margin: 0;padding: 0;border: 0;box-sizing:border-box;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
a{text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
em{font-style: normal;}
/*清除浮动代码*/
.clearfix:after{ display: block; clear: both; content:"";visibility:hidden;height:0}/*IE8及以上*/
.clearfix{ zoom:1}/*IE7及以下*/
body,html{height:100%;overflow:hidden;}
#wrapper{background:#00273e;color:#fff;font-size:14px;-webkit-text-size-adjust:none;position:relative;margin:0 auto;-webkit-overflow-scrolling:touch;max-width:640px;height:100%;overflow: auto;}
img{border:none;max-width:100%;}
.top-w{display:inline-block;position:relative;z-index:3;}
.logo{position:absolute;right:0;top:0;width:45%;}
#guang-pic{position:absolute;top:0;left:0;width:100%;max-height:120%;}
.xing-top{position:absolute;width:20%;left:50%;top:10px;}
.con{margin-left:8%;margin-top:-10px;width:84%;}
#youkuplayer{width:100%;height:200px;}
.btn{display:block;margin:9% 15% 5%;width:70%;}
#wrapper.loaded{background:#00121c;-webkit-transition-property:background;-webkit-transition-duration:1000ms;}
.bg-l-w,.bg-r-w{position:absolute;top:0;width:20%;}
.layout{position:relative;z-index:9;}
.bg-l-w{background: url(http://66xiaoqu.babytreeimg.com/app/images/video/bg_l.png);left:0;background-size:100% 100%;}
.bg-r-w{background: url(http://66xiaoqu.babytreeimg.com/app/images/video/bg_r.png);right:0;background-size:100% 100%;}
.bg-l,.bg-r{display: block;opacity:0;}
.loaded .bg-l-w{-webkit-animation:bgl 600ms forwards 1s;}
.loaded .bg-r-w{-webkit-animation:bgr 600ms forwards 1s;}
.loaded .rule{-webkit-animation:rule 600ms forwards 1s;}
.loaded #guang-pic{-webkit-animation:guang 2000ms forwards 0.5s;}
.tips-p{margin-top:10px;}
.rule{width:90%;margin-left:6%;padding-bottom:16px;}
.rule dt{border-bottom:1px solid #dad9d9;font-size:1.3em;margin-bottom:25px;text-align: center;}
.rule dt span{background: #00273e;position:relative;padding:0 2px;top:11px;}
.loaded .rule dt span{background: #00121c;-webkit-transition:0 background 200ms;}
.rule dd{padding-bottom:10px;line-height: 1.3em;}
.rule dd em,.rule dd p{float:left;}
.rule dd p{max-width:94%;}
@-webkit-keyframes guang {
    0% {opacity:1;}
    100% {opacity:0;}
}
@-webkit-keyframes rule {
    0% {opacity:1;}
    100% {opacity:0.8;}
}
@-webkit-keyframes bgl {
    from {background: url(http://66xiaoqu.babytreeimg.com/app/images/video/bg_l.png);background-size:100% 100%;}
    to {background: url(http://66xiaoqu.babytreeimg.com/app/images/video/bg_l_load.png);background-size:100% 100%;}
}
@-webkit-keyframes bgr {
    from {background: url(http://66xiaoqu.babytreeimg.com/app/images/video/bg_r.png);background-size:100% 100%;}
    to {background: url(http://66xiaoqu.babytreeimg.com/app/images/video/bg_r_load.png);background-size:100% 100%;}
}
@media only screen and (max-height:416px ) {
	.top-pic{margin-left:10%;width:80%;}
	.btn{margin:6% 20% 4%;width:60%;}
	.logo{width:40%;}
}
@media only screen and (max-width:639px){
	body,html{background:#00121c;}
}

